$imgurl-base: "../../newimages/mall";
$gray: #c9caca;
$light-gray: #f5f5f5;
$black: #595757;
$light-black: #9fa0a0;
$red: #ff4739;
$blue: #1a58c8;
%inline-block{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
}
%block-100{
	display:block;
	width:100%;
	height:100%;
}
.mall-nav{
	width:100%;
	min-width:1170px;
	border-bottom:2px solid $red;
	height:38px;
	line-height:38px;
	.category{
		@extend %inline-block;
		padding:0 30px 0 50px;
		position: relative;
		color:#fff;
		background: $red;
		position: relative;
		.cate-title{
			font-size:18px;
			i.more{
				width:20px;
				height: 12px;
				display: block;
				position:absolute;
				left:17px;
				height: 14px;
			}
		}	
	}
	ul{
		@extend %inline-block;
		margin-left:10px;
		font-size: 0;
		li{
			font-size: 16px;
			@extend %inline-block;
			position:relative;
			margin-left:40px;
		}
		i{
			font-size: 9px;
			position:absolute;
			width:10px;
			height:13px;
			right: -13px;
  			top: 3px;
			&.tip-new{
				background:url(#{$imgurl-base}/i/icon-tip-new.png) no-repeat;
			}
			&.tip-hot{
				background:url(#{$imgurl-base}/i/icon-tip-hot.png) no-repeat;
			}
			&.tip-discount{
				background:url(#{$imgurl-base}/i/icon-tip-discount.png) no-repeat;
			}
		}
	}
}
.bo-header {
	border:none;
}
header .mall-header{
	padding:20px 0 38px 0;
	.logo{
		@extend %inline-block;
		margin-left: 11px;
	}
	.search-box{
		@extend %inline-block;
		position: relative;
		background: #fff;
		margin:13px 0 0 130px;
		input{
			border:2px solid #1a60df;
			width: 260px;
			height: 20px;
			line-height: 20px;
			padding:7px 10px;
			font-size:16px;
		}
		a{
			@extend %inline-block;
			position:relative;
			background: #1a60df;
			padding:0 22px 0 50px;
			height: 38px;
			line-height: 38px;
			vertical-align: top;			
			text-decoration: none;
			color: #fff;
			&:hover{
				text-decoration: none;
			}
			i{
				display: block;
				position: absolute;
				top: 10px;
				left: 20px;
				width: 19px;
				height: 19px;
				background: url(#{$imgurl-base}/i/icon-search.png);
			}
		}
	}
	.my-cart{
		@extend %inline-block;
		float:right;
		font-size: 14px;
		padding:0 7px;
		border:1px solid $gray;
		height: 36px;
		line-height: 36px;
		i.gwc{
			@extend %inline-block;
			width:28px;
			height: 28px;
			background: url(#{$imgurl-base}/i/icon-cart.png);
			vertical-align: middle;
			margin-right: 10px;
		}
		.rest{
			position:relative;
			background:$red;
			color:#fff;
			border-radius:5px;
			height:14px;
			line-height:14px;
			font-size: 12px;
			padding:0 5px;
			top: -7px;
			margin:0 12px 0 3px;
		}
		i.tip-bottom{
			display: block;
			position:absolute;
			width:10px;
			height: 2px;
			background: url(#{$imgurl-base}/i/icon-tip-bottom.png);
			left:0;
			top:15px;
		}
		a{
			color:$black;
		}
		.buy{
			a{
				text-decoration: underline;
				color:$blue;
			}
		}
	}
}